<template>
  <a-form-item :label='question.name' class="special-form">
    <div v-if="interviewFeedback">
      <a-tooltip :title="question.des" v-if="question.des.length > 22">
        <div class="des-question">{{question.des}}</div>
      </a-tooltip>
      <div class="des-question" v-else>{{question.des}}</div>
    </div>
    <a-textarea  v-decorator="[question.id, {rules: [{ required: question.required, message: '请填写' + question.name }]}]" :rows="3" allowClear :disabled="isDisabled"/>
  </a-form-item>
</template>
<script>
export default {
  name: 'Textarea',
  props: ['isDisabled', 'question', 'interviewFeedback'],
  data () {
    return {
    }
  },
  monuted () {
  },
  methods: {
  }
}
</script>
<style lang="stylus" scoped>
// .special-form
//   :global(.ant-form-item-label label)
//     text-align left
//     display block
//     overflow hidden
//     text-overflow ellipsis
//     overflow hidden
</style>
